<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>老子的圣罗兰</title>
  <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./libs/font/iconfont.css">
  <link rel="stylesheet" href="./libs/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="./css/index.css">

</head>
<body>
  <header></header>

  <div class="swiper-container lunbo" id="banner">
      <div class="swiper-wrapper">
          <div class="swiper-slide">
              <img src="https://res.yslbeautycn.com/resources/2020/11/11/16050854444857207.jpg" alt="" />
          </div>
          <div class="swiper-slide">
              <img src="https://res.yslbeautycn.com/resources/2020/11/11/16050855022481112.jpg" alt="" />
          </div>
          <div class="swiper-slide">
              <img src="https://res.yslbeautycn.com/resources/2020/11/11/16050862304081464.jpg" alt="" />
          </div>
          <div class="swiper-slide">
              <img src="https://res.yslbeautycn.com/resources/2020/11/11/16050856418588059.jpg" alt="" />
          </div>
          <div class="swiper-slide">
              <img src="https://res.yslbeautycn.com/resources/2020/11/11/16050856601814618.jpg" alt="" />
          </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="banner-pagination swiper-pagination"></div>

      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev boult"></div>
      <div class="swiper-button-next boult"></div>
  </div>
  
  <!-- 明星产品 -->
  <div class="mxcp">
    <p class="p1">YSL FAVORITES</p>
    <p class="p2">明星产品</p>
  </div>

  <!-- 锚点选项窗口 -->
  <img src="https://res.yslbeautycn.com/resources/2020/11/16/16055098664316452.jpg" class="maoDian"> 

  <!-- 官网专享 -->
  <div class="mxcp">
    <p class="p1">EXCLUSIVE SERVICES</p>
    <p class="p2">官网专享服务</p>
  </div>

  <!-- //展示窗口 -->
  <div class="show">
    <div class="xing" id="giftList">
      
    </div>
    <script type="text/html" id="giftListTemplate">
      {{each list item}}
        <div class="xiangShui">
          <a href=""><img src="{{item.src}}"></a>
          <p class="kuanghuan">{{item.title}}</p>
          <p class="kuanghuan">{{item.ctitle}}</p>
          <p class="shengdian">{{item.miaoshu}}</p>
          <a>了解详情</a>
        </div>
      {{/each}}
      
    </script>
  </div>

  <!-- 主页末尾图片 -->
  <img src="https://res.yslbeautycn.com/resources/2020/10/15/16027377460455928.jpg" class="mwtp">

  <footer></footer>
  <script src="/libs/require/require.min.js" data-main="/js/index"></script>

  
</body>
</html>